I think resetting browser styles is important. You\’ll never know what you\’re dealing with. If all the browsers start on the same page it will make your life easier because you\’ll know what to expect. I personally use Eric Meyer\’s Reset CSS as a base and modify it as needed.
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: \'\';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need \'cellspacing=\"0\"\' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
Other Resets
There are actually a lot more choices besides Eric Meyers. I found several more at a post on Pinceladas da Web. It is in Portuguese so you may need to translate.
Great post,
it’s crossbrowser and usefull….
Nunzio Fiore
@Nunzio
Thank you!
Thanks . It’s helped me a lot! 🙂
@Vu:
I’m glad it helped!